<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
<head>

    <%- include('component/head') %>
</head>
<body>
<div id="lzpper">
    <div id="fh5co-page">


        <!-- 左边菜单 -->
        <%- include('component/left_menu') %>

        <div id="fh5co-main">
            <div class="fh5co-narrow-content">
                <% if(typeof LabelName !=='undefined'){ %>
                    <h2 class="fh5co-heading animate-box" data-animate-effect="fadeInLeft">关于<%= LabelName.la_name %>的所有博客</h2>
                <% } else { %>
                    <h2 class="fh5co-heading animate-box" data-animate-effect="fadeInLeft">所有博客</h2>
                <% } %>
                <div class="row row-bottom-padded-md">

                    <% if(ArticleAllList){ %>
                        <% ArticleAllList.forEach((item) => { %>
                        <div class="col-lg-3 col-md-6 col-sm-6 col-padding animate-box"
                             data-animate-effect="fadeInLeft">
                            <div class="blog-entry">
                                <a href="/article/<%= item.id %>" class="blog-img"><img src="<%= item.thumbnail %>"
                                                                                        class="img-responsive"
                                                                                        alt="<%= item.title %>"></a>
                                <div class="desc">
                                    <h3><a href="/article/<%= item.id %>"><%= item.title %></a></h3>
                                    <span><small>by userName </small> / <small> category </small> / <small> <i
                                                    class="icon-eye"></i> <%= item.hits %></small></span>
                                    <p><%= item.title %></p>
                                    <a href="/article/<%= item.id %>" class="lead">阅读更多 <i
                                                class="icon-arrow-right3"></i></a>
                                </div>
                            </div>
                        </div>
                        <% }); %>
                    <% } %>

                </div>
            </div>

            <div id="get-in-touch">
                <!-- 推荐博客 -->
                <div class="fh5co-narrow-content">
                    <h2 class="fh5co-heading animate-box" data-animate-effect="fadeInLeft">推荐博客</h2>
                    <div class="row">

                        <% if (ArticleRecList) { %>

                            <% ArticleRecList.forEach((item) => { %>
                            <div class="col-lg-5 col-md-12 col-padding animate-box recom-box">
                                <!-- left -->
                                <div class="left-box">
                                    <a href="/article/<%= item.id %>" class="blog-photo-a"><img
                                                src="<%= item.thumbnail %>"
                                                alt="<%= item.title %>"></a>
                                </div>
                                <!-- right -->
                                <div class="right-box">
                                    <!-- title -->
                                    <div style="width: 14.22375rem;">
                                        <div class="post-meta fix">
                                            <div class="post-date floatleft"><span
                                                        class="text-dark-red"><%= item.time.getDate() %></span>
                                            </div>
                                            <div class="post-year floatleft">
                                                <p class="text-uppercase text-dark-red mb-0"><%= item.time.toLocaleDateString() %></p>
                                                <h4 class="post-title"><a href="/article/<%= item.id %>"
                                                                          tabindex="0"><%= item.title %></a>
                                                </h4>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 简介 -->
                                    <div class="introduc-box">
                                        <p><%= item.title %></p>
                                    </div>

                                    <!-- 阅读更多 -->
                                    <div class="lead-more"><a href="/article/<%= item.id %>">阅读更多 <i
                                                    class="icon-arrow-right3"></i></a>
                                    </div>
                                </div>
                            </div>
                            <% }); %>
                        <% } %>

                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<%- include('component/vue') %>

</body>
</html>

